.avaterImg{
    width:6.25em;
    height:6.25em;
    vertical-align:bottom;
    border-radius:50%;
}
.userMess{
    padding-bottom:2.5em;
    position:relative;
}
.userMess .mess{
    position:absolute;
    width:90%;
    left:5%;
    bottom:-1.7em;
    border-radius:3em;
    background:#fff;
}
.mess .l-col-xs-6:nth-child(1){position:relative;}
.mess .l-col-xs-6:nth-child(1):after,.coupon:after{
    color:#ff8500;
    content:'|';
    position:absolute;
    height:2em;
    width:0.08333em;
    top:0.3em;
    right:0;
    border-right:0.2em solid #ff8500;
}
.coupon:after{
    top:1em;
}
.progress{
    position:relative;
    width:100%;
    background:#ddd;
    box-shadow: inset 0.2em 0.2em 0.2em #666;
}
.progress,.line{
    height:0.633em;
    border-radius:2em;
}
.line{
    position:absolute;
    left:0;
    top:0;
    background:#ff0000;
    width:60%;
    box-shadow: inset 0.2em 0.2em 0.2em #f93131;
}
.circle-title,.circle-sub{
    position:relative;
}
.circle-title i,.circle-sub i{
    position:absolute;
    display:inline-block;
    background:#f56632;
    border-radius:50%;
}
.circle-sub i{
    top:0.6em;
    left:0.3em;;
}

.circle-title i{
    top:0.4em;
    left:0;
}

.circle-title p span{
    display:inline-block;
    padding-right:1em;
    color:#fff;
    position:relative;
    top:-0.2em;
    left:0.1em;
    z-index:2;
    transform:scale(0.9);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
}
.circle-sub p{
    padding-left:1.3em;
}
.circle-title i{
    width:1em;
    height:1em;
}
.circle-sub i{
    width:0.5em;
    height:0.5em;
}
span.icon-cude-r{
    font-size:1.5em;
    position:relative;
    top:0.2em;
}
.study-progress label,li label,.l-col-xs-6 label{
    display:inline-block;
    background-image:url(../../img/per.png);
    background-repeat:no-repeat;
}
.list li,.l-col-xs-6{ position:relative;}
.list li label,.l-col-xs-6 label{
    position:absolute;
    top:0;
    left:0;
}
.bigger{
    width:3.75em;
    height:2.667em;
    position:relative;
    left:0.2em;
}
.biggest{
    width:3.75em;
    height:3.75em;
}
.small{
    width:2.75em;
    height:2.75em;
}
/*菜单4*/
.trainning label{ background-position:0 0; }
.trained label{ background-position:-50px 0;}
.waitRated label{ background-position:-100px 0;}
.testMess label { background-position:-150px 0;}

/*菜单2*/
.integral .l-row,.coupon .l-row{
    padding-left:5em;
}

.integral label{ background-position:-248px 0;left:1em;}
.coupon label{ background-position:-198px 0;left:1em;}

/**菜单8*/
.list li label{
    top:0.6em;
    left:1em;
}
.list li{
    padding-left:4em;
}
.list li:nth-child(1) label{ background-position:0 -50px;}
.list li:nth-child(2) label{ background-position:-50px -50px;}
.list li:nth-child(3) label{ background-position:-100px -50px;}
.list li:nth-child(4) label{ background-position:-150px -50px;}
.list li:nth-child(5) label{ background-position:-200px -50px;}
.list li:nth-child(6) label{ background-position:-250px -50px;}
.list li:nth-child(7) label{ background-position:-300px -50px;}
.list li:nth-child(8) label{ background-position:-350px -50px;}
